@()(implicit request: play.api.mvc.RequestHeader)
@main("Home") {


	<style>
			.thumbnail {
				height: 250px;
			}

			.thumbnail > .row {
				margin-top: 12px;
			}

			.myFont {
				font-size: 24px;
			}

			.panel-default > .panel-heading {
				/*background:transparent;*/
			}

			table tr {
				line-height: 2.1
			}

			.container .jumbotron, .container-fluid .jumbotron {
				padding-left: 15px;
				padding-right: 15px;
			}


	</style>

	<link rel="stylesheet" media="screen" href="@routes.Assets.at("EasySlides-master/jquery.easy_slides.css")">
	<script src="@routes.Assets.at("EasySlides-master/jquery.easy_slides.js")" type="text/javascript"></script>

	<div class="row" style="">

		<div class="col-sm-12">

			<div style="display: flex;">
				<div style="flex: 1;">
					<img style="width: 100%" src="@routes.Assets.at("images/附件1.jpg")">
				</div>
			</div>

		</div>

		<div class="col-md-12" style="margin-top: 15px">

			<div class="jumbotron">
				<p style="margin-top: 0px;
					font-weight: 550;
					margin-bottom: 0px;
					text-indent: 2em" class="text-justify">
					Macadamia, which belongs to the Proteaceae family, contains four species, <i>
					Macadamia integrifolia</i>, <i>M. tetraphylla</i>, <i>M. ternifolia</i>, and <i>M. jansenii</i>.
					Macadamia is one of the most important nut crops in the world. So far, China has the largest plantation area for macadamia in the world, with 245,000 ha as recorded in 2019.
				</p>
			</div>

		</div>

	</div>

	<div style="display: flex;
		flex-wrap: wrap;
		margin-top: 15px;
		justify-content: space-between">

		<div class="myImgDiv">
			<a href="@routes.GenomeController.toIndex()" target="_blank" class="">
				<div class="service-two__card projects-one__single">
					<div class="service-two__card-image">
						<img src="@routes.Assets.at("images/browser.gif")">
					</div>
				</div>
			</a>
		</div>

		<div class="myImgDiv">
			<a href="@routes.CultivarsController.variety2013()" target="_blank" class="">
				<div class="service-two__card projects-one__single">
					<div class="service-two__card-image">
						<img src="@routes.Assets.at("images/varieties.jpg")">
					</div>
				</div>
			</a>
		</div>

		<div class="myImgDiv">
			<a href="@routes.ToolsController.seqFetchBefore()" target="_blank" class="">
				<div class="service-two__card projects-one__single">
					<div class="service-two__card-image">
						<img src="@routes.Assets.at("images/Seq.jpg")">
					</div>
				</div>
			</a>
		</div>

		<div class="myImgDiv">
			<a href="@routes.MarkerController.toSsr()" target="_blank" class="">
				<div class="service-two__card projects-one__single">
					<div class="service-two__card-image">
						<img src="@routes.Assets.at("images/markers.gif")">
					</div>
				</div>
			</a>
		</div>

		<div class="myImgDiv" style="display: none">
			<div style="height: 100px">
				<script type="text/javascript" src="//rf.revolvermaps.com/0/0/7.js?i=5soj3wtj3yc&amp;m=0&amp;c=ff0000&amp;cr1=ffffff&amp;br=5&amp;sx=0" async="async"></script>
			</div>
			<h4 style="text-align: center;
				font-weight: 500;
				font-size: 28px">Global Visitors</h4>
		</div>

	</div>

	<div class="row">

		<div class="col-sm-12" style="margin-top: 15px">



		</div>

	</div>

	<div style="font-size: 13px;
		position: absolute;
		bottom: 0px;
		width: 1200px;
		padding: 5px 0px;
		" class="page-footer">

		<div class="">
			<p style="
				margin-bottom: 10px;color: black" class="text-justify">
				<b>Citation</b>:Wang P, Mo Y, Wang Y, Fei Y, Huang J, Ni J and Xu Z-F (2022) Macadamia germplasm and genomic database (MacadamiaGGD): A comprehensive platform for germplasm innovation and functional genomics in Macadamia. Front. Plant Sci. 13:1007266. doi: 10.3389/fpls.2022.1007266 [<a href="https://www.frontiersin.org/articles/10.3389/fpls.2022.1007266/" target="_blank">
				Full Text</a> ]
			</p>
		</div>

		<div style="text-align: center;background: rgb(240, 246, 250) none repeat scroll 0% 0%;padding: 5px 0px;">
		<a href="https://beian.miit.gov.cn" target="_blank">
			沪ICP备17011715号-18</a>
	</div></div>

	<script>

	</script>

}
